<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
	<title>jQuery treeView</title>
	
	<link rel="stylesheet" href="../jquery.treeview.css" />
    <link rel="stylesheet" href="../red-treeview.css" />
	<link rel="stylesheet" href="screen.css" />
	
	<script src="../lib/jquery.js" type="text/javascript"></script>
	<script src="../lib/jquery.cookie.js" type="text/javascript"></script>
	<script src="../jquery.treeview.js" type="text/javascript"></script>
	
	<script type="text/javascript">
	$(document).ready(function(){
		$("#browser").treeview({
			toggle: function() {
				console.log("%s was toggled.", $(this).find(">span").text());
			}
		});
		
		$("#add").click(function() {
			var branches = $("<li><span class='folder'>New Sublist</span><ul>" + 
				"<li><span class='file'>Item1</span></li>" + 
				"<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
			$("#browser").treeview({
				add: branches
			});
		});
	});
	</script>
	</head>
	<body>
	
	<h1 id="banner">&nbsp;</h1>
	<div id="main">
	<ul id="browser" class="filetree treeview-famfamfam">
		<li><span class="folder">&#38656;&#27714;&#21333;</span> 
		  <ul>
			  <li><span class="folder">&#24320;&#21457;&#21333;</span>
				  <ul>
					  <li><span class="folder"><a href="file:///D|/workspace/flow4gt_gd/web/#" title="asdfalsdfaskd">&#29256;&#26412;&#21333;</a></span>
						  <ul id="folder21">
<li><span class="folder">&#21457;&#24067;&#21333;</span></li>
							  <li><span class="folder">&#21457;&#24067;&#21333;</span>						</li>
						  </ul>
					  </li>
				  </ul>
			  </li></ul></li></ul></div>
</body></html>